

$(function(){
    // 1- 获取地址栏关键字   
  // location.search : 获取url中 数据部分 ?name=zs
  // decodeURI() 将地址栏中文编码转回中文   
 var txt = decodeURI(location.search).split('=')[1]
 $('.search_input').val(txt)

  // 2- 根据关键字 去后台查找对应商品，并渲染到页面
  // 根据关键字 查找商品 并渲染的方法
var obj = {
    proName:txt,
    page:1,
    pageSize:100
}
function render(){
    $.ajax({
        url:'/product/queryProduct',
        type:'get',
        data:obj,
        // beforsend:function(){
            // 通过添加类来实现动画
            // 在坑里面只留个空的框子，只有两种状态可选择，一个是检索中，一个是检索完了
        //     $('.lt_product').html('<div class="loading"></div>');
        // },
        success:function(res){
            console.log(res);
                $('.lt_product').html(template('temp',res)) 
        }
    })
}
render()

// 点击搜索按钮，-校验-取得关键字-渲染（和搜索list画面做法一致）
  $('.search_btn').on('click',function(){
      var txt = $('.search_input').val()
      if(txt.trim().length == 0){
        mui.toast('请输入搜索关键字')
        return
    }

    //    var str = localStorage.setItem('forSearch',JSON.stringify(txt))
    
       var arr = JSON.parse(localStorage.getItem('forSearch'))
        var index = arr.indexOf(txt)
       if(arr.indexOf(txt) > -1 ){
            arr.splice(index,1)
       }
        arr.unshift(txt)

        if(arr.length>6){
            arr.pop();
        }
       
        localStorage.setItem('forSearch',JSON.stringify(arr))
        obj.proName = txt
        render()
  })


})